<template>
  <div v-if="flag"> 看不见</div>
  <div v-else> 看的见</div>
  
  <div v-if="type==='A'">是A</div>
  <div v-else-if="type==='B'">是B</div>
  <div v-else-if="type==='C'">是C</div>
  <div v-else>not A/B/C</div>

  <div v-show="flag">看我</div>
</template>

<script>
export default {
  setup () {
    const flag=false

    return {
      flag,
      type:'B'
    }
  }
}
</script>

<style lang="scss" scoped>

</style>